 
/** SETING PAGE **/
#page { width: 100%; background-color: #e6e6e6;} 
html.mm-opening .mm-page { left: 85%!important;}  /**SETTING Nav Menu Left  (! ImportantJS)**/ 

/**SETTING  */
#page nav {	display: none; } 
#content { width: 100%;clear: both; margin: 0em auto 0em auto;  }
.mm-list > li > a.nav-active, .mm-list > li:hover > a , .mm-list > li.nav-active > a{ background-color: #3c3c3c; text-decoration: none;}  
.mm-list > li > a { text-transform: uppercase;} 
.mm-list li ul li a { background: #bba28a; position: relative;padding-left: 30px;}
.mm-list li ul > li a:before { top: 12px;left: 16px; width: 10px; height: 10px; position: absolute; content: "▶";  font-size: 0.7em;} 

.divWrapAll .divlogomn {  }	
.divlogomn { width: 90%; margin:   0.5em auto 0.5em auto;  display: block; text-align: center;}	
.divlogomn img { width: 65%; max-width: 214px;}
.divWrapAll .btnmn { margin-top: 1.5em} 
.btnmn a { display: inline-block;width: 48.5%; background: #383838; text-align: center; line-height:  2.4em; height: 2.4em; color: #fff;font-size: 1.15em;text-decoration: none;
			-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
 			
a.btnActive { background: #242424;}
.btnCate { float: right;}
.divWrapAll ul.ulMenu,.divWrapAll ul.ulCate {padding-top: 0.5em;} 

/**SETTING BUTTON BACIS */
.btn {text-transform: uppercase;background: #0074bf;color: #fff;padding: 0.5em 1em;display: inline-block;text-align: center;font-size: 1.15em;}
.btn:hover { text-decoration: none;}
.btnShopnow {border-radius: 4px;font-size: 1em;margin-top: 0.5em;}
.txtInput, .txtArea { padding: 2px 10px;margin-top: 0.3em;line-height: 1.4em; width: 90%; max-width: 260px; 	border: 1px solid #000; background: #fff;color: #5a5a5a; background: #fff; border-radius: 0;}
.txtArea { height: 6em;  }
/**SETTING Header**/ 
#header  {z-index: 99999;  font-size: 16px; font-weight: bold;	color: #fff; text-align: center;line-height: 40px;	padding:0 0 0 3%; width: 100%;	background:#333; } 
#header a.bntMenuleft {display: inline-block; float: left; width: 8%; max-width: 40px;  margin-top: 0.7em;}
#header .bntMenuleft img , #header .bntLogin img { max-width: 100%; vertical-align: top;}
.wrap-header-right { float: right; width: 89%; border-left: 1px solid #b2b2b2;height: 100%;}
.wrapSearch { width: 52%; float: left;padding-top: 0.7em; position: relative;}
.wrapSearch .txtip {background: #e6e6e6;border-radius: 4px;border: none;outline: none;font-size: 0.45em;padding:0.2em 0em 0.2em 0.5em;line-height: 1.8em;height: 3em;
				width: 90%;margin: 0 auto;display: block;}
.wrapSearch a {width: 8%; position: absolute;top: 0.2em;right: 0.6em;}		
.wrapSearch a img { max-width: 100%;}	

.bntFowllow, .btnShopbag, .btniconAddwish { width: 16%; float: left; border-left: 1px solid #b2b2b2;height: 100%;height: 100%; text-align: center; }
.bntFowllow img , .btnShopbag img, .btniconAddwish img { max-width: 48%; clear: both; margin-top: 0.35em;}
.bntFowllow { position: relative; display: block;}
.btniconAddwish { width: 15%;border-right: 1px solid #b2b2b2; border-left: none;}
.btniconAddwish img { vertical-align: middle;max-width: 50%; margin-top: 0em; }
.bntFowllow .textbt , .btnShopbag .textbt{ font-size: 0.3em;font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #fff;
display: block;line-height: 1em;margin-top: -2.5em; width: 100%; text-align: center;}
.btnShopbag {  height: 100%; position: relative;}
.btnShopbag .nummber {position: absolute;top: 26%;left: 0;display: inline;line-height: 1em;width: 100%; color: #969696; font-size: 0.9em;}

.bntFowllow { position: relative; cursor: pointer;}
ul.list-icon-social { position: absolute;top: 45px;left: 0;background: #333;width: 100%; text-align: center; padding-top: 0.5em;}  
ul.list-icon-social li {  width: 80%; display: inline-block; }
ul.list-icon-social li a {  display: inline-block; text-align: center; height: 40px;}
ul.list-icon-social li a img { width: 80%; max-width: 50px; margin-top: 0;}
 
 #logo {padding-top: 55px; text-align: center;padding-bottom: 0.5em; }
 #logo div { display: inline-block; vertical-align: middle;}
 #logo .divlogo { width: 50%; float: left; text-align: left;}
 #logo .divlogo img {  width: 100% ;max-width: 214px;margin-top: 5%;}
 #logo .divcontrol {width: 18%; float: right; text-align: right;}
 #logo .divcontrol img { max-width: 60px;}

.camera_caption {}
.camera_caption div { color: #5a5a5a; text-align: center;padding: 0.8em 0; }
.camera_caption > div > img { max-width: 90%;}
.camera_caption > div p {  font-size: 0.8em;}
 
.eachBox { width: 94%; margin: 0 auto; overflow: hidden; } /** Don't fix this line nhe! ( nó dùng chung cho all pages)**/
.undepages { background: #fff;margin-bottom: 0.5em; padding: 1em;} 
.undepages h4, .wrap-list-prod h4 { color: #000; font-size: 1.2em;  font-weight: normal;  line-height: 1.4em;  text-transform: uppercase;}

.undepages .wrap-top { font-size: 1em;font-weight: normal;  line-height: 1.4em;padding-bottom: 0.5em; border-bottom: 1px dotted #868686; margin-bottom: 0.6em;}
.breakcum { float: left; width: 55%; float: left; }
.detailpage .breakcum { width: 90%;}
.breakcum li { background: url("../images/li-spit.png") no-repeat scroll right center rgba(0, 0, 0, 0);    float: left;    margin-right: 0.5em;    padding-right: 0.8em;}
.breakcum li a { font-size: 0.8em; line-height: 1.2em;}
.breakcum li:last-child { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

.sortPro { width: 45%; float: right; max-width: 300px; }
.sortPro .sort_products-1 , .sortPro .sort_products-2{  width: 50%; height: 2em;float: right; display: inline-block;   color: #5a5a5a;  font-size: 0.7em;   } 
.sortPro span { width: 46%;  display: inline-block;font-size: 0.7em;  text-align: right; margin-bottom: 2px;}

ul.list-logo_pro {  border-top: 1px dotted #868686;  margin-top: 1em; overflow: hidden; padding-top: 1em;}
ul.list-logo_pro li { float: left; margin-bottom: 2%;  margin-right: 2%; width: 49%;}
ul.list-logo_pro li:nth-child(2n) { margin-right: 0;}
ul.list-logo_pro li a { background:   #fff; border: 1px solid #ccc; display: table-cell; text-align: center; vertical-align: middle; width: 100%; 
						display: inline-block; padding: 0.5em 5%; }
ul.list-logo_pro li a img { max-width: 90%; vertical-align: middle;}

.wrapimgbrands { width: 40%;  padding-left: 1em; clear: both;margin-right: 1em; padding-top: 1em;text-align: center; float: 	left;	}
.wrapimgbrands  img { max-width: 100%;}

/** PRODUCT PAGE**/
.wrap-list-prod { margin-top: 0.5em;}
ul.listProd {}
ul.listProd li {display: inline-block;float: left; width: 49%; margin-right: 2%; min-height: 290px;  padding: 0.8em 0.8em; background: #fff; text-align: center; margin-bottom: 0.5em;position: relative;} 
ul.listProd li:nth-child(2n) { margin-right: 0;}
ul.listProd li a.product { display: block;}
ul.listProd .prod-img {padding-top: 0.5em; border-bottom: 1px solid #dedede;margin-bottom: 1em;display: block;}
ul.listProd .prod-img img { max-width: 100%;}
ul.listProd .prod-name { text-transform:  uppercase; max-height: 35px; } 
ul.listProd .prod-name p {  font-size: 0.75em;}
ul.listProd .prod-price { font-size: 0.85em;margin: 0.5em 0 0.8em 0;}
.prod-price span { font-family: tahoma;}
.price-new { color: #e7100e;display: inline-block; padding-left: 0.5em; }
.price-old { text-decoration: line-through; }
ul.listProd .see-inc {font-size: 0.75em; margin-top: 0.8em;}
.sale-off {	position: absolute;top: 0.8em;right: 0.8em;z-index: 1;width: 2em;height: 2em;background: #f16c6b;
			-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;}
.sale-off span {font: bold italic 0.8em Georgia,Serif;color: #fff;padding-top: 0.55em;display: inline-block;}

.list-logo-box { background: #FFF;  margin-bottom: 0.5em;}
.list-logo-box  ul {}
.bx-wrapper .bx-viewport { padding: 0 20px !important; margin: 0 auto;}  
ul.bxslider li a {font-size: 0.75em;} 

.discount-stt {border: 2px solid #fff;background: url(../images/bg-bar.png) 0 0 no-repeat;background-size: 100%; margin-top: 0.5em; }
.discount-stt span {display: inline-block;font-style: italic;font-family: Georgia,Serif;float: left;display: inline-block;}
.discount-stt .discount {margin-left: 20%;font-size: 1em;color: #fff;margin-top: 0.5em;font-weight: bold;float: left; }
.discount-stt .t-stt {font-size: 0.9em;color: #009707;margin-left: 2%;margin-top: 0.35em;font-weight: bold;}
.discount-stt .btnTrykher {display: inline-block;  margin-top: 0.30em;display: inline-block; width: 18%;margin-left: 3%;}
.discount-stt .btnTrykher img { max-width: 100%;}

.wrap-list-serviecs { margin-top: 0px; background: 	#fff; margin-bottom: 0.5em; padding: 0.5em 1em;}
ul.list-serviecs  { padding: 0.5em 0;}
ul.list-serviecs li { display: 	inline-block;	float: 	left;	width: 	48%; margin:1% 1% 1em 0;  }
ul.list-serviecs li:nth-child(3) , ul.list-serviecs li:nth-child(4){ margin-bottom: 0em;}
ul.list-serviecs li a {  text-align: center; float: left;}
ul.list-serviecs li a img {float: left;margin-right: 4%; margin-top: 0.2em; width: 18%; max-width: 25px;}
ul.list-serviecs li a h2 {color: #000; float: left; text-transform: uppercase; font-size: 0.8em; font-weight: normal;margin-top: 2px; }
ul.list-serviecs li a p { float: left; margin-top: 0.5em; width: 78%; font-size: 0.7em; line-height: 1.1em; margin-top: 3px; text-align: left;} 

/**CSS Newsletter***/ 
.wrap-newsletter { background: #fff;  margin: 0.5em auto; padding: 1em;}
.wrap-newsletter .txt-newsletter { float: left;font-size: 0.85em;   text-transform: uppercase;  }
.wrap-newsletter .txtInput { padding: 2px 10px;margin-top: 0.3em;line-height: 1.4em; width: 95%; max-width: 260px; 	border: 1px solid #000; background: #fff;color: #5a5a5a;float: left;}
.wrap-newsletter .ipname { }
.wrap-newsletter .btn { margin-top: 0.3em; min-width: 95px; clear: both;}
.btnAfmeld { background: #b8b8b8;}
.wrap-newsletter a.btnTilmeld { background: #333;  }
.wrap-newsletter .btnTilmeld:hover { background: #0074bf;}
.btnAfmeld {background:#b8b8b8; }
.btnAfmeld:hover { background: #0074bf;}

.col-tb {  border: 1px solid #e6e6e6;   margin-bottom: 1em;  margin-top: 0.5em;   padding: 0.5em ;}
.om-os h6 {  color: #000; font-weight: normal; margin-top: 1em; font-size: 1.1em;}
.contact .cont-left { border-bottom: 1px dotted #868686; padding-bottom: 1em; margin-bottom: 1em;}
.om-os p img { margin: 0.4em 0 0.6em 0; max-width: 100%;}
.contact h2 { margin: 0.5em 0; }
.contact h2 img { width: 50%; max-width: 170px;}
.wrapMap { margin-top: 1em; padding-top: 1em; border-top: 1px dotted #868686; }
.wrapMap img { width: 100%;}
.wrap-form-contact { max-width:  300px;}
.wrap-form-contact .btn { margin-top: 0.5em; min-width: 70px; text-transform: none;}
.wrap-form-contact .txtInput, .wrap-form-contact .txtArea { margin-top: 0.5em;}


.wrapTb  { margin-top: 1em;} 
.wrapRowPro { border: 1px solid #e6e6e6;}
.wrapTotalPrice { border: 1px solid #e6e6e6; border-top: none;}
.proImg { width: 20%; float: left; text-align: center;}
.proImg img { width: 100%; max-width: 100px;} 

.eachRowPro { padding: 1em 0.5em 0.5em 0; border-top: 1px solid #e6e6e6; overflow: hidden;}
.topbarcart { background: #e6e6e6; border: 1px solid #e6e6e6;padding: 0.4em  0.8em; color: #fff;}
.row {width: 80%; float: left; }
.rowAbove { position: relative; }
.rowBelow {  margin-top:0.2em;}
.eachRowPro {position: relative; }  
.row .spanlb {color: #000;}
.row .spanvl {padding-left: 3px;}

.proImg { height: 100%;}
.proName { width: 70%; float: left; }
.proName a { color: #000;}
.proName h2 a { display: inline-block; font-weight: normal; text-transform: uppercase;font-size: 0.80em; line-height: 1.25em;}
.proName p { font-size: 1em; margin-top: 0.2em;}

.proSize { width: 30%; float: right; position: absolute; bottom: 0.5em; right: 0;text-align: right;}
.proSize span  { display: inline-block;} 
.wrapTb .topbarcart { color: #000;}
.proDel { position: absolute; top: 0.8em; right: 0.5em; opacity: 0.7;}
.proDel:hover { opacity: 1;}
.wrapedit .update { display: inline-block; background: #a3a3a3; padding: 3px; font-size: 0.8em; line-height: 1em;  color: #fff;}
.wrapedit .update:hover {}
.wrapedit { display: inline-block;margin: 0 auto;   width: 46%; float: left;}
.wrapedit .inputNumber { width: 25px;text-align: center;font-size: 1em;margin: 0 2px;}
.proPriceTT {width: 54%; float: right; text-align: right;  padding-top: 0.5em;} 

.wrapTotalPrice {background: #e6e6e6;} 
.wrapTotalPrice .box { padding: 1em;}
.wrapTotalPrice .box .txtInput {width: 61%;font-size: 1em; margin-right: 1%;float: left;line-height: 1.75em; padding: 0 5px;}
.wrapTotalPrice .box .btn { width: 38%;max-width: 125px;  float: left;  line-height: 1.75em;text-transform: none; padding: 0;font-size: 1em; margin-top: 0.3em; border:1px solid #009707;}
.wrapTotalPrice .boxleft { width margin-top: 15px; border-bottom: 1px solid #dedede;}
.wrapTotalPrice .boxright {}
.wrap-button { margin-top: 1em;}
.wrap-button .btn { width: 45%; max-width: 180px;}
.wrap-button .btnBackShop { float: left;background: #b8b8b8;}
.wrap-button .btntoPayment { float: right;}

.boxright .eachRow { margin-bottom: 5px;text-align: right;}
.boxright .eachRow span {display: inline-block;color: #000;}
.boxright .eachRow .lbNor , .boxright .eachRow .lbTotal {  width: 55%;  }
.boxright .eachRow .lbPrice , .boxright .eachRow .totalPrice { width: 40%;  max-width: 180px;   }
 	span.totalPrice, span.lbTotal {font-size: 1.15em; } 
.eachRow.r-total.clearfix {padding-top: 0.3em;}
 

#shoppingbag { overflow: hidden;}
#shoppingbag .wrapTb { padding-bottom: 0.5em;}
#shoppingbag h4 {}
a.fancybox-close  {background: url('../images/btnClose.png') 0 0 no-repeat; top: 8px; right: 8px; width: 9px; height: 9px;}
.fancybox-close { top: 0; right: 0;}

.positionTop { /**top :0 !important; **/ margin: 50px 0 0 0 !important;}
/**CSS FOOTER***/ 
#footer .eachBox { background: #fff; padding: 1em 0 0.2em 3.5%;}
#footer .links h6 { text-transform: uppercase; font-weight: normal; font-size: 0.75em; margin-bottom: 0.5em;}  
#footer .links ul li a { font-size: 0.75em;} 
.links .col { float: left; width: 31.5%;  margin-right: 2%;text-align: left;}
.links .col-1 { width: 33%;} 
.links .col-3 { margin-right: 0;}
.wrap-min-banner, .img-cart { width: 85%; margin-top: 0.5em;}
.wrap-min-banner img, .img-cart img { max-width: 100%;}
.bottom-footer p { border-top: 1px solid #d6d6d6; margin:  0.2em auto; padding: 0.8em 0; font-size: 0.75em;}

ul.listHandel { margin-top: 0.5em;}
ul.listHandel li { border: 1px solid #e6e6e6;   display: inline-block;  float: left;  margin-right: 2%; margin-top: 2%; padding: 0.5em; width: 49%;overflow: hidden;}
ul.listHandel li:nth-child(2n) {    margin-right: 0;}
ul.listHandel li:nth-child(1), ul.listHandel li:nth-child(2) { margin-top: 0; }
ul.listHandel h5 { color: #000; font-weight: normal; float: left;width:65%; font-size: 0.8em; }
ul.listHandel p {  margin-top: 0.4em;  }
ul.listHandel li .imgHandel { float: left; width: 30%;  display: table-cell; overflow: hidden;vertical-align: middle; margin-right: 5%; }
ul.listHandel li .imgHandel img { width: 85%; max-width: 100px;   max-height: 70px; vertical-align: middle; margin: 0.5em auto; }

.giftcard-frm label { margin-right: 1em; display: inline-block; }
.giftcard-frm label input {  }
.other_amount_area input { width: 70%; margin-right: 1em;}
.giftcard-right .giftcard {    
	background-attachment: scroll;    
	background-clip: border-box;    
	background-color: rgba(0, 0, 0, 0);    
	background-image: url("../images/giftcard-bg.png");    
	background-origin: padding-box;    
	background-position: center center; background-repeat: no-repeat;   
	background-size: 100% 100%, auto auto;    
	color: #006cb7; height: 100%; margin: 2em auto 0.8em; position: relative;padding-bottom: 5em; max-width: 360px; text-align: left;
	}
.giftcard-left {}
.giftcard-right { float: left;}
.giftcard-right .gavekort { left: 1em; padding-bottom: 3px; position: absolute;    top: 1em;    width: 50%;}
.giftcard-right .gavekort img {    max-width: 120px;    width: 65%;}
.price {    font-size: 1.4em;    position: absolute;    right: 0.5em;    text-align: right;    top: 0.5em;}
.block { float: left;    font-size: 1em;    margin-left: 3%;    margin-top: 3.2em;    width: 46%;}
.block p { color: #006cb7;    line-height: 1.1em; margin-bottom: 0.1em;    margin-top: 0.1em;    font-size: 0.8em;}
.info p {}.block span, p.price, 
.price span {    color: #006cb7;}
.wish { color: #006cb7; float: right; line-height: 1.1em; margin-right: 2%; text-align: right; font-size: 0.8em; margin-top: 3.8em;}
.gift-contact { top: 11.5em; color: #fff; position: absolute; right: 1em; text-align: right; width: 50%;}
.gift-contact { font-size: 0.7em; line-height: 1.1em;}
.gift-contact img { width: 40%;}
.gift-contact a { color: #fff;} 
.giftcard-frm .btn { width: 90%; max-width: 260px; margin-top: 0.5em;}
span.red { color: #e61010;}

.detailpage ul.listProd li:nth-child(3) { display: none;}
.col-detail-left { margin-top: 0.5em;  max-width: 295px;}


ul#thumblist {  clear: both;}
ul#thumblist li {width: 22%;float: left;display: inline-block;margin-right: 3%;}
ul#thumblist li a {    border: 1px solid #ccc;    display: block;}
ul#thumblist li a.zoomThumbActive {    border: 1px solid #004f9c;}
ul#thumblist li a {    width: 66px;}
ul#thumblist li:nth-child(4) {    margin-right: 0;}
ul#thumblist li a img {    max-width: 100%;}
.jqzoom { border: 1px solid #dedede;    float: left;    text-decoration: none;}
.wrapZoom {  height: 100%;  position: relative;  width:100%;  overflow: hidden;}
.wrapbtnZoom { text-align: center;margin: 0.5em auto;}
.btnZoom {     background: url("../images/btn-Zoom.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;height: 20px;width: 61px;    z-index: 98;}

.zoomWrapperImage {}
.zoomPad { width: 100%;}
.zoomPad > img{max-width: 100%;}

.r-price { margin:0.5em 0;}
.r-price .prod-price div {margin-top: 0.2em;}
.r-price .price-old { font-size: 1.1em; font-weight: normal;}
.r-price .prod-price  label { display: inline-block;    font-size: 1.2em;    font-weight: normal;    max-width: 85px;    width: 25%;   }
.r-price .price-new {font-size: 1.4em; font-weight: normal; padding-left: 0;}
.r-price .price-spar  {font-size: 1.1em;font-weight: normal;}
.r-price .price-old > span { text-decoration: none;}
.r-button { padding-top: 1em; margin-top: 1em; border-top: 1px solid #dedede;}

.r-select div label { display: block; margin-bottom: 0.5em;color: #000; font-weight: bold; }
.r-select div label span {padding-left: 0.5em;font-weight: normal;}
.r-select .wrap-antal  { width:15%; float: left;}
.r-select .wrap-antal  input { width: 30px; text-align: center;}
.r-select .wrap-select-color  { width: 50%; float: left;} 
.sttProdcuct { margin-top: 0.5em;}

.r-button .btnAddtocard { width: 33%; margin-right: 2%;}
.r-button .btnInfoProd { width: 65%; background: #b8b8b8; }
.col-detail-right .r-button .btn { float: left; padding: 0.5em 0.5em;}

.wrap-list-prod { background: #fff; margin-bottom: 0.5em;}
.wrap-list-prod h4 { margin: 1em;}

.colCK {}
.colCK h4 {line-height: 23px;margin: 0.8em 0 0.3em 0;}
.colCK h4 img { float: left; margin-right: 5px; }
.stepquestion .questionRed {color: #e61010; }
.stepquestion {padding-bottom: 1em;border-bottom: 1px dotted #868686; overflow: hidden; margin-bottom: 0.8em}
.btnActivecode { background: #009707;text-transform: none;font-size: 13px;font-weight: normal;}
.stepquestion .txtInput { width: 65%;float: left;margin-right: 2%;margin-top: 0;padding: 3px 5px; max-width: 260px;}
.stepquestion a.btnActivecode { width: 33%; float: left; max-width: 100px;}
.wrap-form-info-ck p { font-size: 1.1em;}
.info-ck select.checkout_selectbox {width:  90%; max-width: 260px; height: 25px;border: 1px solid #000;padding: 2px 5px; margin-top: 3px;}
.info-ck .eachRow, .w-another-add .eachRow {margin-bottom: 2px;}
.info-ck .tagi {margin:0.3em 0 0.8em 0;}

/*** Checkout page  ***/ 
.eachRow label {display: block; margin-bottom: 0.5em }
.eachRow label .lbradio { vertical-align: middle; margin-top: 1px; }
.bnt-another-add {display: block;background: #009707;height: 2.5em;line-height: 1.5em;padding: 0.5em 1em;text-align: left; color: #fff;text-transform: none;cursor: pointer; width: 100%; max-width: 260px;margin-bottom: 10px;margin-top: 15px;font-weight: normal;}
.iconHome-ck {display: inline-block;float: left;margin-right: 1em;margin-left: 1em;}
.step3 label {display: block;margin-top: 5px;}
.step3 label img { max-width: 210px;}
.inner-lb {padding-left: 15px;}
.step4 .valueip , 
.thankyou .valueip { padding-left: 5px;}
.step4 .proDel, .step4 .proDel, 
.thankyou .proDel, .thankyou .proDel  { visibility: hidden;}
.step4 .proPriceTT , 
.thankyou .proPriceTT { padding-top: 0;}
.read-terms { margin-top: 1em;}
.read-terms input { vertical-align: middle;margin-top: 1px;}
.read-terms a {color: #0074be;text-decoration: underline;} 
.wrap-button .btnBackCart {float: left;background: #b8b8b8;}
.wrap-pp h4 {text-transform: uppercase;color: #000;font-weight: normal;font-size: 1.2em;margin-bottom: 1em;text-align: center;}

/*** Thankyou page  ***/ 
.thankctn { padding-bottom: 0.5em; border-bottom: 1px dotted #868686; margin-bottom: 1em;}
.thankctn .wrapTotalPrice { margin-bottom: 1em;}
.thankyou > p {margin-bottom: 1em; margin-top: 0.5em;} 
.thankyou h5 , .thankyou h6{ color:  #000; font-weight: normal; }
.thankyou > h5 {margin-top: 1em;font-size: 1.1em;}
.thankyou p.infohead {margin-top: 5px;}
.thankyou .wrap-button { border-top: 1px solid #e6e6e6; padding-top: 1em; margin-top: 1em;}
.thankyou .wrap-button .btn {width: 49%; }
.thankyou .btnHome {  float: left;  }
.btnPrint { background: #009707; float: right;}
.btnbtnPrint { float: left; margin-top: 2px; margin-right: 8px;}
.thankyou .wrapTb { margin-top: 5px;}
.order-list {padding: 0  0 0.5em 0; border-top: 1px dotted #868686; margin-top: 1em; }
.order-list h5 { margin-bottom: 0.5em; font-size: 1.2em; }
.order-list .cusBox { width: 100%; float: left; margin-top: 1em;} 
.order-list .eachRow label { display: inline-block; float: left;width: 45%; margin-bottom: 5px;}
.order-list span { display: inline-block; float: left;width: 55%;  }
.order-list div.eachRow {  overflow: hidden;}
.order-list div.cus-info { }
.order-list div.delivery-address { }
.eachRowh5 h5 { margin-top: 15px;}
.oneRow .cusBox { width: 50%; float: left;}

#ppNyhedsbrev, #ppTipenven , #ppQuestion  {overflow: hidden;}
#ppNyhedsbrev h4 { margin-top: 1em; text-align: center; font-size: 1.1em; margin-bottom: 0.5em;}
#ppNyhedsbrev  h6 {font-size: 1.2em;color: #015da0; text-align: center;}
#ppNyhedsbrev  p { text-align: center;}
#ppNyhedsbrev .QLeft  { text-align: center;}
#ppNyhedsbrev .QLeft .eachRow { max-width: 260px; margin: 0  auto} 
#ppNyhedsbrev .QLeft .btn { margin-top: 5px;}
#ppNyhedsbrev .QRight label { display: inline-block;  width: 110px; text-align: left;} 
#ppNyhedsbrev .txtInput { width: 100%;}
#ppNyhedsbrev .QRight { margin-top: 0.5em;}
#ppNyhedsbrev  .btnAfmeld  { float: left; }
#ppNyhedsbrev .btnTilmeld { float: left; margin-right: 1em;}
.wrap-pp a.btnTilmeld {  background: #333;}
#ppNyhedsbrev .btn { padding: 0.4em 1.5em; font-size: 0.9em;}
.left-button { margin-top: 1em;}

 #ppTipenven .txtInput, #ppTipenven .txtArea { width: 100%;}
#ppTipenven .txtArea { height: 8em;}
#ppTipenven .btn,
#ppQuestion .btn { margin-top: 5px; min-width: 70px; margin-right: 5px;}
.wrap-tipenven { max-width: 300px;} 

#ppQuestio .QRight h5 { text-align: center;}
.QRight h5, .QRight .phone  {color: #015da0; font-weight: normal;}
 #ppQuestion .QRight label { display: inline-block;  width: 110px; text-align: left;} 
.wrap-Question {max-width: 300px;overflow: hidden;text-align: center;}
#ppQuestion .txtInput, #ppQuestion .txtArea  { width: 100%;}
#ppQuestion  .QLeft p {margin-top: 1em;text-align: left;padding-left: 18px;font-size: 0.9em;}
#ppQuestio .wrap-pp h4 { margin-bottom: 0.5em;}

.brands ul.list-logo_pro {  margin-top: 0;  border-top: none;}




/********** ---------------------- CSS MOBILE & TABEL FORM HERE ----------------------------- CSS MOBILE & TABEL FORM HERE  ------------------- **********/ 

@media only screen and (max-width:  320px)  {/** Only iPhone 5 in portrait   **/
.bntMenuleft { width: 30px;}  
#header { height: 45px; }   

} /*End Only iPhone 5 in portrait  */
@media only screen and (min-width:  321px)  {/** All devices > 321px  **/
#header  { height: 53px;}  
#logo {padding-top: 60px; }

 /* Dont set css here*/
} /*End  iPhone 5 in portrait  */

@media only screen and (min-width: 480px)  {/**  iPhone 4 in landscape  480(4) much**/
 body { 	font-size: 0.85em;   }
 html.mm-opening .mm-page {left: 440px !important;}
#header  { height: 55px;} 
.positionTop { /**top :0 !important; **/  margin: 60px 0 0 0 !important;} 
 
ul.list-icon-social { top: 55px;}
#logo {padding-top: 60px; }
#logo img {max-width: 45%; max-width: 210px; margin: 0.5em auto;} 
.camera_caption {  top: 15%;} 
.see-inc a, ul.listProd .prod-name p { font-size: 105%;}

.wrapSearch .txtip  { font-size: 0.7em;}
.bntFowllow .textbt, .btnShopbag .textbt { font-size: 0.45em;margin-top: -1.8em;}
.btniconAddwish img { margin-top: 0.5em;}
.btnShopbag .nummber {top: 35%;}
.wrapSearch a { right: 1.1em; top: 0.8em;}
.proImg img { width: 90%; } 

} /*End  iPhone 4 in landscape   */

@media only screen and (min-width: 568px)   {	/**  iPhone 5 in landscape  568(5)  **/  	
.wrapSearch .txtip  { font-size: 0.8em;}
.bntFowllow .textbt, .btnShopbag .textbt { font-size: 0.5em;margin-top: -1.6em; }
.wrap-newsletter .txt-newsletter { width: 45%; margin-right: 5%; float: left; font-size: 0.90em;}
.wrap-newsletter .form-newsletter {width: 50%; float: left;}
.form-newsletter .txtInput { margin-top: 0.25em;} 
.wrap-newsletter .btn {margin-top: 0.25em;}
.proImg img { width: 80%; }

 } /*End  iPhone 5 in landscape   */


@media only screen and (min-width: 600px)   {	/**  Small Tablet  600/Portrait  **/  	
 .camera_caption { top: 20%;}
 .camera_caption > div p { font-size: 0.95em;}

 } /**  Small Tablet  600/Portrait   **/

@media only screen and (min-width: 768px)   { 	/**  Tables/Ipad Portrait    **/  	
#header { } 
#logo {padding-top: 70px;}
ul.listProd li { width: 32.65%;    margin-right: 1%}
ul.listProd li:nth-child(2n) { margin-right: 1%;}
ul.listProd li:nth-child(3n) { margin-right: 0;}
.wrap-list-prod , .wrap-list-serviecs, .list-logo-box { }
.list-logo-box { }
.discount-stt .discount { font-size: 1.4em;}
.discount-stt .t-stt {margin-left: 3%; margin-top: 0.7em;}

ul.list-logo_pro li {  width: 32%;;; margin-right: 2%;}
ul.list-logo_pro li:nth-child(2n){ margin-right: 2%;}
ul.list-logo_pro li:nth-child(3n) { margin-right: 0;}
.detailpage ul.listProd li:nth-child(3) { display: block;}

ul.list-serviecs li a p, ul.list-serviecs li a h2 { font-size: 0.9em;}
.wrap-newsletter .txt-newsletter { width: 55%; margin-right: 5%; font-size: 0.95em  }
.wrap-newsletter .form-newsletter {width: 40%; float: left;}

.contact .cont-left { width:  50%; max-width: 350px; margin-right: 4%; float: left; border-bottom: none;}
.contact .cont-right { width:  45%; max-width: 350px; float: left;}
#logo .divlogo img { margin-top: 0.5em;}
.giftcard-left { width:  45%; margin-right: 5%; max-width: 350px; float: left;}
.giftcard-right { width:  50%; max-width: 350px; float: left;}

.col-detail-left { width: 50%; margin-right: 2%; float: left;}
.col-detail-right { width: 48%; float: left;}
.col-left-checkout { width: 38%; float: left; margin-right: 2%;}
.col-right-checkout { width:60%;  float: right; font-size: 90%;}
.bnt-another-add { font-size: 0.95em;}

.proImg img {width: 50%;}
.wrapTotalPrice .box {padding-right: 0.5em;}
.wrapTotalPrice .boxleft {width: 50%; float: left;}
.wrapTotalPrice .boxright {width: 50%; float: right; padding-top: 2em;}
.wrapTotalPrice .boxleft {  border-bottom:  none;}
#ppNyhedsbrev .btn { margin-bottom: 1em;}
} /* End Tables/Ipad Portrait   */
 
 @media only screen and (min-width: 800px)   { 	/**  Tables  Portrait    **/   
.camera_caption > div p { font-size: 1.1em;}
} 


@media only screen and (min-width: 1024px)   { 
 ul.list-serviecs li { width: 23%;}
.camera_caption > div p { font-size: 1.3em;}
}/* End Tables/Ipad landscape   */

 